<template>
   <div>
      <test2/>
      <!-- <test :g6data="g6data" /> -->
   <!-- <base-flow-editor/> -->
   </div>
</template>

<script>
import Test from './test.vue';
// import BaseFlowEditor from './components/base-flow-editor';
// import test from "./test.vue";
 import test2 from "./test2.vue";
export default {
  data() {
    return {
      g6data: {
        // 节点数组
        nodes: [
          {
            id: "node1",
            label: "开始",
            x: 100,
            y: 200,
            type: "ellipse",
            anchorPoints: [
              [0, 1],
              [0.5, 1],
            ],
            size: [80, 40],
          },
          {
            id: "node2",
            label: "设备归还申请121132113",
            x: 300,
            y: 200,
            anchorPoints: [
              [0, 1],
              [0.5, 1],
            ],
            size: [80, 40],
          },
          {
            id: "node3",
            label: "设备管员确认",
            x: 100,
            y: 200,
            anchorPoints: [
              [0, 1],
              [0.5, 1],
            ],
            size: [80, 40],
          },
          {
            id: "node4",
            label: "结束",
            x: 300,
            y: 200,
            type: "ellipse",
            anchorPoints: [
              [0, 1],
              [0.5, 1],
            ],
            size: [80, 40],
          },
        ],
        // 边对应关系数组
        edges: [
          // 从 node1 节点连接到 node2 节点的边线
          {
            source: "node1",
            target: "node2",
          },
          {
            source: "node2",
            target: "node3",
          },
          {
            source: "node3",
            target: "node4",
          },
        ],
      },
    };
  },
  components: {
    // BaseFlowEditor
    // test,
    test2
  },
};
</script>
<style lang="scss">
</style>
